<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/plantillas/plantilla.xhtml">
	<ui:define name="contenido">
		<p:fieldset>
			<p:toolbar>
				<p:toolbarGroup align="center" styleClass="ui-widget-header"
					style="border: 0px !important;">
					<p:outputLabel
						value="REPORTE DE OBRAS DE CONSTRUCCI&Oacute;N CIVIL - RENOCC" />
				</p:toolbarGroup>
			</p:toolbar>
			<br />
			<h:form id="formlstRetcc">
				<p:panel id="panellstRetcc">

					<p:panelGrid id="pglstRetcc">
						<p:row>
							<p:column>
								<h:outputLabel value="Fecha de Inicio:&nbsp;" />
							</p:column>
							<p:column>
								<p:inputMask mask="99/99/9999"
									value="#{reporteBean.parametrosRepIns.d_fecini}"
									id="d_fechaVigenInicio"
									converterMessage="Ingrese una fecha de inicio válida">
									<f:convertDateTime type="date" for="d_fechaVigenInicio"
										pattern="dd/MM/yyyy" />
								</p:inputMask>
							</p:column>
							<p:column>
								<h:outputLabel value="Fecha Fin:&nbsp;" />
							</p:column>
							<p:column>
								<p:inputMask mask="99/99/9999"
									value="#{reporteBean.parametrosRepIns.d_fecfin}"
									id="d_fechaVigenFin"
									converterMessage="Ingrese una fecha de fin válida">
									<f:convertDateTime type="date" for="d_fechaVigenFin"
										pattern="dd/MM/yyyy" />
								</p:inputMask>
							</p:column>

						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel value="Regi&oacute;n:&nbsp;" />
							</p:column>
							<p:column>
								<p:selectOneMenu
									value="#{reporteBean.parametrosRepIns.v_codreg}"
									id="cboRegional">
									<f:selectItem itemLabel="-- Seleccione --" itemValue="" />
									<f:selectItems value="#{reporteBean.lstRegiones}" var="region"
										itemLabel="#{region.n_nomreg}" itemValue="#{region.v_codreg}" />
									<p:ajax event="change"
										listener="#{reporteBean.cargarProvincia}"
										update=":formlstRetcc:cboProvincia, :formlstRetcc:cboRegional">
									</p:ajax>
								</p:selectOneMenu>
							</p:column>
							<p:column>
								<h:outputLabel value="Provincia:&nbsp;" />
							</p:column>
							<p:column>
								<p:selectOneMenu id="cboProvincia"
									value="#{reporteBean.parametrosRepIns.v_codprov}">
									<f:selectItem itemLabel="-- Seleccione --" itemValue="" />
									<f:selectItems value="#{reporteBean.lstProvincia}"
										var="provincia" itemLabel="#{provincia.v_despro}"
										itemValue="#{provincia.v_codpro}" />
									<p:ajax event="change" listener="#{reporteBean.cargarDistrito}"
										update=":formlstRetcc:cboDistrito"></p:ajax>
								</p:selectOneMenu>
							</p:column>

						</p:row>

						<p:row>
							<p:column>
								<h:outputLabel value="Distrito:&nbsp;" />
							</p:column>
							<p:column>
								<p:selectOneMenu id="cboDistrito"
									value="#{reporteBean.parametrosRepIns.v_coddis}">
									<f:selectItem itemLabel="-- Seleccione --" itemValue="" />
									<f:selectItems value="#{reporteBean.lstDistrito}"
										var="distrito" itemLabel="#{distrito.v_desdis}"
										itemValue="#{distrito.v_coddis}" />
								</p:selectOneMenu>
							</p:column>
						</p:row>




					</p:panelGrid>
					<p:separator />
					<center>
						<p:commandButton value="Buscar" icon="icon-search" process="@form"
							action="#{reporteBean.realizarConsulta}"
							update=":formListalstRetcc:dtlstRetcc, :formMensajes:msgMensajesConsolidado"
							oncomplete="validar(xhr, status, args);" />
						<p:commandButton value="Limpiar" icon="icon-escoba"
							process="@form" action="#{reporteBean.inicializar}"
							update="formlstRetcc, :formListalstRetcc:dtlstRetcc, :formMensajes:msgMensajesConsolidado" />
					</center>
				</p:panel>

			</h:form>

			<h:form id="formMensajes">
				<p:messages id="msgMensajesConsolidado" />
			</h:form>
			<br />
			<h:form id="formListalstRetcc">
				<p:dataTable id="dtlstRetcc" var="rep"
					emptyMessage="No hay registros para mostrar"
					value="#{reporteBean.lstResultadoReporInscritos}" paginator="true"
					paginatorPosition="bottom" rows="10"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15">

					<p:columnGroup type="header">
						<p:row>
							<p:column headerText="Nro." style="white-space:pre;" />
							<p:column headerText="Denominacion" style="white-space:pre;" />
							<p:column headerText="Lugar de ejecucion"
								style="white-space:pre;" />
							<p:column headerText="Fecha Inicio" />
							<p:column headerText="Fecha Final" />
							<p:column headerText="Estado" />
						</p:row>
					</p:columnGroup>

					<p:column>
						<h:outputText value="#{rep.V_NUMERO}" />
					</p:column>

					<p:column>
						<h:outputText value="#{rep.DENOBRA}" />
					</p:column>

					<p:column>
						<h:outputText value="#{rep.DIRECCION}" />
					</p:column>

					<p:column>
						<h:outputText value="#{rep.D_FECINIOBR}" />
					</p:column>

					<p:column>
						<h:outputText value="#{rep.D_FECFINOBR}" />
					</p:column>

					<p:column>
						<h:outputText value="#{rep.ESTADO}" />
					</p:column>

				</p:dataTable>
			</h:form>
			<br />
			<p:separator />
			<h:form id="formConsultaRetcc">
				<center>

					<p:commandButton value="Imprimir" icon="icon-print"
						id="btnImprimir" action="#{reporteBean.mostrarReporte}"
						onclick="this.form.target='_blank'" ajax="false">

					</p:commandButton>
				</center>
			</h:form>
			<br />
			<table width="450" border="0" cellspacing="0" cellpadding="0"
				align="center" class="color_borde_tabla" bgcolor="#999999">
				<tr>

					<td valign="middle" align="center"><p:graphicImage
							value="/resources/images/iconos/icon-mant.png" width="16"
							height="16" style="margin:5px" border="0" /></td>
					<td valign="middle" align="center"><span
						style="color: #FFF; font-weight: bold; vertical-align: middle">En
							proceso</span></td>
					<td valign="middle" align="center"><p:graphicImage
							value="/resources/images/iconos/icon-pdf.png" width="16"
							height="16" style="margin:5px" border="0" /></td>
					<td valign="middle" align="center"><span
						style="color: #FFF; font-weight: bold; vertical-align: middle">Registrado</span></td>
					<td valign="middle" align="center"><p:graphicImage
							value="/resources/images/iconos/ico-cancelCircular.png"
							width="16" height="16" style="margin:5px" border="0" /></td>
					<td valign="middle" align="center"><span
						style="color: #FFF; font-weight: bold; vertical-align: middle">Pendiente
							Actualización</span></td>
					<td valign="middle" align="center"><p:graphicImage
							value="/resources/images/iconos/icon-construccion-culmi.png"
							width="16" height="16" style="margin:5px" /></td>
					<td valign="middle" align="center"><span
						style="color: #FFF; font-weight: bold; vertical-align: middle">Culminado</span></td>


				</tr>
			</table>

			<h:form id="formConfirmacion">
				<p:confirmDialog id="dlgConfirmacion" widgetVar="dlgConfirmacion"
					header="Confirmacion de lo que sea" message="¿Desea Confirmar?"
					severity="alert" width="350px">
					<center>
						<p:commandButton id="btnConfirmarR" value="Confirmar"
							icon="icon-pref" />

						<p:commandButton value="Cancelar"
							oncomplete="dlgConfirmacion.hide();" icon="icon-cancel" />

					</center>
				</p:confirmDialog>
			</h:form>
		</p:fieldset>

		<script type="text/javascript">  
        //<![CDATA[
    		
    		function validar(xhr, status, args) {      			 		
        		 if(args.valida){
            		 
            		 }
   			}
  			 
    		
    		
  			 //]]>
		</script>
	</ui:define>
</ui:composition>
</html>
